<%-- 
    Document   : saisie-commande
    Created on : 19 juin 2012, 14:30:38
    Author     : Michael
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="../css/style.css" />
        <title>YouFood</title>
    </head>
    <body>
        <div id="container">
            <div id="header">
                <%@include file="template/header.jsp" %>
            </div>
            <div id="center-layout">
                <div id="content">
                    <h1>Saisir une commande</h1>
                    <div id="menuDuJour">
                        <h3>Menu du jour</h3>
                        <div id="dishDay">
                            <h2>${dishDay.nom}</h2>
                            <p>${dishDay.description}</p>
                            <div class="dishDay-prix">${dishDay.prix} €</div>
                        </div>
                        <div id="dishDay-produits">
                            <div class="dishDay-produit">
                                <h3>Entrée</h3>
                                <c:forEach items="${dishDay.produits}" var="produit">
                                    <c:if test="${produit.categorie.nom eq 'Entree'}">
                                        <img src='/YouFood/img/produits/${produit.id_produit}.jpg'/>
                                        <div class="nom-produit"><c:out value="${produit.libelle}" /></div>
                                    </c:if>
                                </c:forEach>
                            </div>
                            <div class="dishDay-produit">
                                <h3>Plat</h3>
                                <c:forEach items="${dishDay.produits}" var="produit">
                                    <c:if test="${produit.categorie.nom eq 'Plat'}">
                                        <img src='/YouFood/img/produits/${produit.id_produit}.jpg'/>
                                        <div class="nom-produit"><c:out value="${produit.libelle}" /></div>
                                    </c:if>
                                </c:forEach>
                            </div>
                            <div class="dishDay-produit">
                                <h3>Dessert</h3>
                                <c:forEach items="${dishDay.produits}" var="produit">
                                    <c:if test="${produit.categorie.nom eq 'Dessert'}">
                                        <img src='/YouFood/img/produits/${produit.id_produit}.jpg'/>
                                        <div class="nom-produit"><c:out value="${produit.libelle}" /></div>
                                    </c:if>
                                </c:forEach>
                            </div>
                        </div>
                        <form method="GET" action="/YouFood/AddCommande">
                            <input type="hidden" value="${dishDay.id_menu}" name="menu_id" />
                            <input type="hidden" value="menu" name="type" />
                            <input type="hidden" value="serveur" name="who"/>
                            <input type="submit" class="btn-dishDay" value="Ajouter" />
                        </form>
                    </div>
                    <div id="menu">
                        <h3>Menus</h3>
                        <c:forEach items="${menus}" var="menus">
                            <div class="nomMenu-center">
                                <div class="menu-libelle">${menus.nom}</div>
                                <div class="menu-desc">${menus.description}</div>
                                <div class="menu-prix">${menus.prix} €</div>
                                <p style="text-align: center; padding: 10px 0 10px 0;">
                                    <c:forEach items="${menus.produits}" var="produit">
                                        <c:out value="${produit.libelle}" /><br/>
                                        <br/>   
                                    </c:forEach>
                                </p>
                                <form method="GET" action="/YouFood/AddCommande">
                                    <input type="hidden" value="${menus.id_menu}" name="menu_id" />
                                    <input type="hidden" value="menu" name="type" />
                                    <input type="hidden" value="serveur" name="who"/>
                                    <input type="submit" class="btn-menu" value="Choisir"/>
                                </form>
                            </div>
                        </c:forEach>
                    </div>
                    <div id="entree">
                        <h3>Entrées</h3>
                        <c:forEach items="${entrees}" var="entree">
                            <div class="nomProduit-center">
                                <form method="GET" action="/YouFood/AddCommande">
                                    <input type="hidden" value="${entree.id_produit}" name="id_produit" />
                                    <input type="hidden" value="produit" name="type" />
                                    <input type="hidden" value="serveur" name="who"/>
                                    <input type="submit" class="btn-produit" value="" style="background:url('/YouFood/img/produits/${entree.id_produit}.jpg') top right no-repeat;"/>
                                </form>
                                <div class="nom-produit"><c:out value="${entree.libelle}" /></div>
                                <div class="prix-produit"><c:out value="${entree.prixHT} €" /></div>
                            </div>
                        </c:forEach>
                    </div>
                    <div id="plats">
                        <h3>Plats</h3>
                        <c:forEach items="${plats}" var="plats">
                            <div class="nomProduit-center">
                                <form method="GET" action="/YouFood/AddCommande">
                                    <input type="hidden" value="${plats.id_produit}" name="id_produit" />
                                    <input type="hidden" value="produit" name="type" />
                                    <input type="hidden" value="serveur" name="who"/>
                                    <input type="submit" class="btn-produit" value="" style="background:url('/YouFood/img/produits/${plats.id_produit}.jpg') top right no-repeat;"/>
                                </form>
                                <div class="nom-produit"><c:out value="${plats.libelle}" /></div>
                                <div class="prix-produit"><c:out value="${plats.prixHT} €" /></div>
                            </div>
                        </c:forEach>
                    </div>
                    <div id="dessert">
                        <h3>Desserts</h3>
                        <c:forEach items="${desserts}" var="desserts">
                            <div class="nomProduit-center">
                                <form method="GET" action="/YouFood/AddCommande">
                                    <input type="hidden" value="${desserts.id_produit}" name="id_produit" />
                                    <input type="hidden" value="produit" name="type" />
                                    <input type="hidden" value="serveur" name="who"/>
                                    <input type="submit" class="btn-produit" value="" style="background:url('/YouFood/img/produits/${desserts.id_produit}.jpg') top right no-repeat;"/>
                                </form>
                                <div class="nom-produit"><c:out value="${desserts.libelle}" /></div>
                                <div class="prix-produit"><c:out value="${desserts.prixHT} €" /></div>
                            </div>
                        </c:forEach>
                    </div>
                    <div id="vins">
                        <h3>Vins</h3>
                        <c:forEach items="${vins}" var="vins">
                            <div class="nomProduit-center">
                                <form method="GET" action="/YouFood/AddCommande">
                                    <input type="hidden" value="${vins.id_produit}" name="id_produit" />
                                    <input type="hidden" value="produit" name="type" />
                                    <input type="hidden" value="serveur" name="who"/>
                                    <input type="submit" class="btn-produit" value="" style="background:url('/YouFood/img/produits/${vins.id_produit}.jpg') top right no-repeat;"/>
                                </form>
                                <div class="nom-produit"><c:out value="${vins.libelle}" /></div>
                                <div class="prix-produit"><c:out value="${vins.prixHT} €" /></div>
                            </div>
                        </c:forEach>
                    </div>
                    <div id="boissons">
                        <h3>Boissons</h3>
                        <c:forEach items="${boissons}" var="boissons">
                            <div class="nomProduit-center">
                                <form method="GET" action="/YouFood/AddCommande">
                                    <input type="hidden" value="${boissons.id_produit}" name="id_produit" />
                                    <input type="hidden" value="produit" name="type" />
                                    <input type="hidden" value="serveur" name="who"/>
                                    <input type="submit" class="btn-produit" value="" style="background:url('/YouFood/img/produits/${boissons.id_produit}.jpg') top right no-repeat;"/>
                                </form>
                                <div class="nom-produit"><c:out value="${boissons.libelle}" /></div>
                                <div class="prix-produit"><c:out value="${boissons.prixHT} €" /></div>
                            </div>
                        </c:forEach>
                    </div>
                </div>
            </div>
            <div id="right-layout">
                <%@include file="template/right-layout.jsp" %>
            </div>
            <div id="left-layout">
                <%@include file="template/left-layout.jsp" %>
            </div>
        </div>
    </body>
</html>
